/*   
Theme Name: PaulIsLava-Simple
Theme URI: paulislava.space
Description: Пустая тема для сайтов
Author: Павел Кондратов
Author URI: paulislava.space
*/

html { 
    width: 100%; 
    height: 100%; 
	overflow-x: hidden;
}

body {
	width: 100%;
	overflow-x: hidden; 
    box-sizing: border-box;
}

* { outline: none !important; }

*::-webkit-scrollbar {
    width: 0.3vw;
}
 
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
*::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

a, a:hover, a:active, a:visited {
    color: inherit;
    text-decoration: none;
}

img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

input, button { border: none; }

.row { display: flex; flex-flow: row wrap; }

.strong {
    font-weight: bold;
}

.flex-space { 
flex: 1;
}

#overlay-layer, #modal-layer {
	display: none;
}

.overlayed {
	z-index: 2000 !important;
}

html.overlay body, html.modaled body {
    box-sizing: border-box;
    overflow: hidden;
}

.overlay #overlay-layer, .modaled #modal-layer {
    display: flex;
	align-items: center;
	justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.6);
    width: 100vw;
    height: 100vh;
}



.modal { 
	position: relative;
	display: none;
	background: white;
	box-sizing: border-box;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
	width: 100%;
	max-width: 900px;
	max-height: 90vh;
	flex-flow: column;
}

@media screen and (min-width: 769px) {
	.pc-hide {
		display: none;
	}
}


@media screen and (max-width: 768px) {
	.mobile-hide {
		display: none;
	}
	.modal {
		max-height: 100vh;
		height: 100%;
	}
}

.modal-head, .modal-body {
	padding: 1.5rem;
	box-sizing: border-box;
}

.modal-head+.modal-body {
	padding-top: 0;
}

.modal-body {
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
}

.modal-close {
	position: absolute;
	right: 1em;
	top: 1em;
	height: 1.5rem;
	width: 1.5rem;
	background: url(img/close.svg) no-repeat;
	background-size: 100%;
	z-index: 1005;
}

.screen, .p-screen>div {
	min-height: 100vh;
	box-sizing: border-box;
}


#modal-layer .modal {
	display: flex;
}

img:not([src]), img[src=""] {
    content: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

@media screen and (min-width: 769px) {
	.pc-hide {
		display: none;
	}
}


@media screen and (max-width: 768px) {
	.mobile-hide {
		display: none;
	}
}